<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Plugins</title>

<script src="http://code.jquery.com/jquery-latest.js"></script>
  <link rel="stylesheet" href="http://code.jquery.com/qunit/git/qunit.css" type="text/css" media="screen" />
  
  <script>
    $(document).ready(function(){
      $("#plugins > li").on('click', function () {
        $(this).children('ol').toggle();
      });
      
      $(".plugin-header").on('click', function () {
        $(this).children('ol').toggle();
      });
    });
  </script>
  
  <style type="text/css">
    #plugins{
        font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
    }

    #plugins li { font-size: small; }
    #plugins { font-size: smaller; }


    /** Resets */

    #plugins, #plugins ol, #plugins ul{
        margin: 0;
        padding: 0;
    }

    .plugin-header {
        padding: 0.5em 0 0.5em 1em;
        margin-top: 15px;
        /*color: #8699a4;
        background-color: #0d3349;*/
        background-color: #D2E0E6;
        color: #014450;

        font-size: 1.3em;
        line-height: 1em;
        font-weight: normal;

        border-radius: 15px 15px 0 0;
        -moz-border-radius: 15px 15px 0 0;
        -webkit-border-top-right-radius: 15px;
        -webkit-border-top-left-radius: 15px;
    }

    #plugins {
        list-style-position: inside;
    }

    #plugins li {
        padding: 0.4em 0.5em 0.4em 2.5em;
        border-bottom: 1px solid #fff;
        list-style-position: inside;
    }

    #plugins li strong {
        cursor: pointer;
    }

    #plugins ol {
        margin-top: 0.5em;
        padding: 0.5em;

        background-color: #fff;

        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;

        box-shadow: inset 0px 2px 13px #999;
        -moz-box-shadow: inset 0px 2px 13px #999;
        -webkit-box-shadow: inset 0px 2px 13px #999;
    }

    #plugins > li:last-child {
        border-radius: 0 0 15px 15px;
        -moz-border-radius: 0 0 15px 15px;
        -webkit-border-bottom-right-radius: 15px;
        -webkit-border-bottom-left-radius: 15px;
    }
    
    #plugins .success                          { color: #528CE0; background-color: #D2E0E6; }
    #plugins .fail                          { color: #000000; background-color: #EE5757; }
    /*#plugins .fail                        { color: #528CE0; background-color: #E2E0E6; }*/
  </style>

</head>
<body>

{% for type, plugins in allplugins.items %}
<div class="plugin-header">{{ type }}</div>
<ol id="plugins">
  {% for plugin in plugins %}
      
      {% if plugin.success %}
        <li class="success">
      {% else %}
        <li class="fail">
      {% endif %}

        <strong>  {{ plugin.name }} </strong>
        <ol style="display: none; ">
          <p>{{ plugin.description }}</p>
          <ul>
            <li>Name: {{ plugin.name }}</li>
            <li>Path: {{ plugin.path }}</li>
            <li>Author: {{ plugin.author }}</li>
            <li>Version: {{ plugin.version }}</li>
            <li>Website: {{ plugin.website }}</li>
            <li>Copyright: {{ plugin.copyright }}</li>
          </ul>
          {% if not plugin.success %}
          <code>
             {% for line in plugin.exception %}
             <p>{{ line }}</p>
             {% endfor %}
          </code>
          {% endif %}
        </ol>
      </li>
  {% endfor %}
</ol>
{% endfor %}

</body>
</html>
